@charset "utf-8";
/* CSS Document */

/*全局样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:0; max-width: 100%; height: auto;}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px;}
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;overflow-x: hidden;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clear{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.main{ width:100%; min-width:1200px; max-width:1920px; margin:0 auto;padding-bottom:0px;}
.head{padding:24px 0;}
.whitebg{background: #fff;padding:25px;}
.w1200{width: 1200px;margin: 0 auto;}
.logo{height: 80px;}
.phone{color: #666;font-size: 16px;background: url("../images/phone.png") no-repeat left center;padding-left:70px;margin-top:9px;height: 62px;}
.phone span{display: block;color: #096cd2;font-size: 32px;font-family: tahoma;}
.nav{width: 100%;height: 60px;background: #096cd2;}
.nav li{float: left;text-align: center;position: relative;width: 171px;}
.nav li .li{color: #fff;font-size: 16px;line-height:60px;display: block;height:60px;position: relative;}
.nav li a.on,.nav li:hover .li{color: #fff;background: #fba80c;}
.nav li .sub{width:100%;position:absolute;left:0px;top:60px;background:#fff;z-index:1000;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);}
.nav .sub dd{text-align:center;}
.nav .sub dd a{padding:0;color:#666;display:block;zoom:1;line-height:35px;height:35px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;transition: all 0.2s ease-in-out 0s;}
.nav li:hover .sub{opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}
.nav li:hover .sub dd a{color:#666;background: none;}
.nav li .sub dd a:hover{color:#fff;background:#005ca1;}
.footer{width: 100%;}
.footer .foot1{background: #333;padding: 40px 0;}
.footer .foot2{background: #000;padding: 10px 0;text-align: center;}
.foot1 .link{border-bottom: 1px solid #4e4e4e;padding: 35px 0;margin-bottom: 30px;}
.foot1 .link a{display: inline-block;color: #fff;font-size: 14px;padding-right: 8px;line-height:30px;}
.foot1 .link a:hover{text-decoration: underline;}
.foot1 .f-dh{color: #fff;font-size:22px;font-weight: normal;padding-bottom:30px;font-family: arial;}
.foot1 .f-dh span{display: block;color: #fff;font-size:20px;font-family: arial;padding-bottom:4px;}
.foot1 li{float: left;background: url("../images/xjt.png") no-repeat left center;padding-left: 12px;width: 38%;margin-bottom: 20px;}
.foot1 li a{color: #fff;font-size: 14px;}
.foot1 .f-left{width:360px;}
.foot1 h5{font-weight: normal;color: #fff;font-size: 16px;padding: 8px 0 8px 88px;}
.foot1 h5 span{display: block;color: #fff;font-size: 35px;font-family: arial;padding-bottom: 8px;}
.foot1 p{color: #fff;font-size: 14px;line-height: 30px;}
.foot1 .f-middle{padding: 0 170px;border-left: 1px solid #393939;border-right: 1px solid #393939;}
.foot2 p{color: #fff;font-size: 14px;line-height: 30px;}
.foot2 p a{color: #fff;}

.title-nav{text-align: center;}
.title-nav h4{color: #333;font-size: 32px;position: relative;font-weight: bold;display: inline-block;background: url("../images/tit1.png") no-repeat center;width: 374px;letter-spacing: 1px;}
.title-nav p{color: #999;font-size:15px;padding-top: 12px;font-family: arial;text-transform: uppercase;}
.part3 .title-nav h4{background: url("../images/tit2.png") no-repeat center;width: 549px;}
.part1{padding:100px 0;}
.part1 h3{color: #333;font-size: 26px;margin-bottom: 22px;
font-weight:bolder;
    letter-spacing: 0;
    text-transform: uppercase;
    background-image: linear-gradient(to right,#096cd2 0,#1293dd 12%,#6fe4f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-style: italic;
}
.part1 .left p{color: #333;font-size: 16px;line-height: 34px;}
.part1 .left{width: 568px;}
.part1 .right{width:545px;position: relative;z-index: 2;}
.part1 .right img{width:545px;height: 324px;}
.part1 .left .look{display: block;width: 170px;height:45px;text-align: center;line-height: 45px;color: #fff;font-size: 16px;background: #fba80c;border-radius:23px;margin-top: 22px;}
.part1 .left .look:hover{box-shadow:-1px 3px 15px rgba(251,168,12,0.7);}
.part1 .left .look2{margin-top: 15px;}
.part01{padding-top: 78px;}
.part1 .our{height: 204px;overflow: hidden;}
.part2{background: url("../images/ggt.jpg") no-repeat;width: 100%;height:244px;}
.part2 .w1200{position: relative;height:244px;}
.part2 h3{color: #fff;font-size: 22px;position: absolute;left:0px;bottom: 80px;}
.part2 h3 b{font-family: arial;font-size: 30px;}
.part2 h3 span{color: #fff;font-size: 24px;display: block;font-weight: bold;padding-bottom: 17px;}
.part2 a{display: block;position: absolute;right: 0;bottom: 80px;}
.part3{background: #f7f7f7 url("../images/bg.jpg") no-repeat left bottom;padding: 72px 0 105px 0;}
.part03{padding-top: 60px;position: relative;}
.part3 .group{padding: 0 58px 30px 58px;background: #fff;width: 472px;}
.part3 .group h5{margin-bottom: 30px;color: #333;font-size: 20px;font-weight: bold;background: url("../images/tit.png") no-repeat center;height: 55px;line-height: 55px;text-align: center;}
.part3 .group .p1{color: #333;font-size: 20px;font-weight: bold;margin: 16px 0 5px 0;}
.part3 .group .p2{color: #333;font-size: 16px;line-height: 30px;}
.part3 .pk{position: absolute;top: 196px;left:50%;margin-left: -85px;}
.part4{padding: 80px 0;}
.part04{padding-top: 35px;}
.part4 li{float: left;width: 376px;margin-right: 36px;margin-top: 36px;}
.part4 li img{width: 376px;height: 244px;}
.part4 li .more img{width: 68px;height:68px;display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);}
.part4 li .more{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .6s cubic-bezier(.35, .75, .55, 1) 0.1s;
    -webkit-transition: all .6s cubic-bezier(.35, .75, .55, 1) .1s;
    -moz-transition: all .6s cubic-bezier(.35, .75, .55, 1) .1s;
}    
.part4 li .newimg{position: relative;width: 376px;height: 244px;overflow: hidden;}
.part4 li:nth-child(3n){margin-right: 0;}
.part4 li:hover .newimg .more {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}
.part4 li a p{color: #333;font-size: 16px;text-align: center;height: 80px;line-height: 80px;overflow: hidden;box-shadow: 0 3px 5px rgba(0,0,0,0.05);}
.part4 li:hover a p{color: #fba80c;}
.part4 li .line{height: 6px;transition: linear 0.5s;width: 0;}
.part4 li:hover .line{width:100%;background: #fba80c;}
.part5{padding: 72px 0;background: #f4f4f4;}
.part05{padding-top:62px;}
.tab-con2 .list1{width: 402px;}
.tab-con2 .list2{width: 798px;}
.tab-con2 .list2 li{float: left;margin-left: 16px;border: 1px solid #e2e2e2;padding:9px 12px;background: #fff;margin-bottom: 14px;width:357px;}
.tab-con2 .list2 li a .time{width: 100px;height: 96px;color: #666;font-size: 16px;text-align: center;}
.tab-con2 .list2 li a .time span{font-size: 56px;font-family: arial;display: block;}
.tab-con2 .list2 li a .wz{width: 208px;padding-left:20px;border-left: 1px solid #dfdfdf;margin: 10px 0;padding-right: 10px;}
.tab-con2 .list2 li a .p1{color: #333;font-size: 16px;font-weight: bold;margin-bottom: 10px;height: 21px;overflow: hidden;}
.tab-con2 .list2 li a .p2{color: #666;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.tab-con2 .list2 li:hover a .time{background: #fba80c;color: #fff;}
.tab-con2 .list2 li:hover a .p1{color: #fba80c;font-weight: bold;}
#home_slider3{position: relative;}
#home_slider3 .flex-control-paging{display: none;}
#home_slider3 .flex-direction-nav{display: block;}
#home_slider3 .flex-direction-nav a{width:28px;height:56px;display:block;position:absolute;top:105px;text-indent:-9000px;}
#home_slider3 .flex-direction-nav a.flex-prev{left:0px;background:url(../images/left.png) no-repeat;}
#home_slider3 .flex-direction-nav a.flex-next{right:0px;background:url(../images/right.png) no-repeat;}
#home_slider3 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
}
.part5 .list1 .box a h5{color: #333;font-size: 16px;font-weight: bold;margin: 24px 0 20px 0;height: 21px;overflow: hidden;}
.part5 .list1 .box a p{color: #666;font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;}
.part5 .list1 .box:hover a h5{color: #006699;}
.part5 .list1 .box{width:402px;overflow: hidden;height:392px;position: relative;}
.part5 .list1 img {display: block;width:402px;height:264px;}
.case{padding-top: 5px;}
.ny-banner img{width: 100%;height: auto;}
.brand{background: #f4f5f7;height: 70px;line-height: 70px;margin-top: -4px;}
.brand span{display: inline-block;float: right;color: #777;font-size: 15px;background: url("../images/home.png") no-repeat left center;padding-left: 25px;}
.brand a{color: #777;font-size: 15px;}
.brand .navs a{color: #333;font-size: 15px;position: relative;display: inline-block;height: 70px;margin-right: 68px;}
.brand .navs a em{display: none;height: 2px;width: 100%;background: #096cd2;left: 0;bottom: 0;}
.brand a:hover{color: #096cd2;}
.brand .navs a.on{color: #096cd2;font-weight: bold;}
.brand .navs a.on em{display: block;}
.product{padding: 74px 0;}
.product li{float: left;width: 548px;margin-right: 92px;margin-bottom: 42px;}
.product li:nth-child(2n){margin-right:0;}
.product li .left{width: 273px;height: 206px;overflow: hidden;}
.product li .left img{width: 273px;height: 206px;transition: all 0.5s;}
.product li:hover .left img{transform: scale(1.2);}
.product li .right{width: 251px;}
.product li a .txt1{color: #333;font-size: 18px;margin: 20px 0;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.product li a .txt2{color: #666;font-size: 14px;line-height: 26px;margin-bottom: 46px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.product li a span{display: block;color: #666;font-size: 14px;background: url(../images/jt1.png) no-repeat right center;padding-right: 25px;width: 56px;}
.product li:hover a .txt1{color: #096cd2;font-weight: bold;}
.product li:hover a span{color: #096cd2;background: url(../images/jt2.png) no-repeat right center;}
.product-detail{padding: 74px 0;}
.product-detail .left{width: 506px;height: 381px;overflow: hidden;background: #f2f2f2;}
.product-detail .left img{display: block;margin: 0 auto;}
.product-detail .right{width: 650px;}
.product-detail .right h5{color: #333;font-size: 24px;border-bottom: solid 1px #dfdfdf;padding-bottom: 34px;margin-bottom: 40px;}
.product-detail .right p strong{color: #333;}
.product-detail .right p{color: #666;font-size: 16px;line-height: 36px;}
.product-detail .right .number{margin-top: 60px;color: #096cd2;font-size: 18px;padding-left: 40px;background: url("../images/dianhua.jpg") no-repeat left center;}
.product-detail .right .number span{font-size: 30px;font-family: arial;}
.tab2{margin-top: 55px;border-bottom: solid 1px #dfdfdf;margin-bottom: 46px;}
.tab2 a{display: inline-block;width: 177px;height: 52px;line-height: 52px;text-align: center;color: #666;font-size: 20px;background: #f3f3f3;margin-right: 12px;}
.tab2 a.move{background: #1a65ac;color: #fff;}
.pp-bottom .cons{display: none;}
.pp-bottom .cons p{color: #666;font-size: 16px;line-height: 36px;}
.pp-bottom iframe{width: 600px;height: 400px;display: block;margin: 0 auto;}
.news{padding: 44px 0 80px 0;}
.news li{border-bottom: 1px dashed #dcdcdc;padding:42px 0;background: url("../images/look1.jpg") no-repeat right center;}
.news li:hover{background: url("../images/look2.jpg") no-repeat right center;transition: all 0.3s;}
.news li .left{width:295px;height: 177px;overflow: hidden;}
.news li .left img{width:295px;height: 177px;-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;-ms-transition: -ms-transform 0.4s ease-out;}
.news li .right{width:720px;margin-left: 32px;}
.news li a h3{display: block;color: #333;font-size: 22px;font-weight: bold;margin-top: 10px;margin-bottom:25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.news li a p{color: #666;font-size: 16px;line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news li a span{display:block;color: #666;font-size: 16px;margin-top: 30px;}
.news li:hover a h3{color: #096cd2;}
.news li:hover .left img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);}
.inside_text05{margin-bottom:30px;padding-top:40px;}
.inside_text05 .text05_nav{ overflow:hidden; text-align:center; margin:0px 0 20px 0}
.inside_text05 .text05_nav h2{ font-size:22px; color:#333333;padding:0px 0 15px 0;font-weight: bold;}
.inside_text05 .text05_nav h3 span{ font-size:15px; color:#666; padding:0 10px;}
.inside_text05 .text05_nav h3{border-bottom: 1px solid #eee;padding-bottom:20px;}
.inside_text05 .text05_nav h3 a{color: #096cd2;}
.inside_text05 .text05{ overflow:hidden; padding-bottom:50px;font-size:16px; color:#666; line-height:32px;}
.inside_text05 .text05 p{ font-size:16px; color:#666; line-height:32px;}
.inside_text05 .fy{ margin:10px 0 0 0; overflow:hidden; padding:30px 0;border-top: 1px solid #ccc;}
.inside_text05 .fy h4{ overflow:hidden; line-height:36px;}
.inside_text05 .fy h4 span{ font-size:16px;color: #096cd2;font-weight: bold;}
.inside_text05 .fy h4 a{ font-size:16px; color:#666}
.inside_text05 .fy h4 a:hover{color: #096cd2}
.inside_text05 .images{text-align: center;}
.inside_text05 img{max-width: 915px;display:block;margin:0 auto}
.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;text-align:center;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #096cd2 solid;
background:#096cd2;
font-weight:bold;
color: #fff;
}
.page  a:hover{
border:1px #096cd2 solid;
background:#096cd2;
text-decoration:none;
}
.videos{padding: 75px 0;}
.videos li{float: left;width: 376px;margin-right: 36px;margin-bottom: 36px;}
.videos li img{width:376px;height:226px;}
.videos li:nth-child(3n){margin-right: 0;}
.videos li .play{width:67px;height: 67px;position: absolute;top:50%;left: 50%;margin-top: -34px;margin-left: -34px;background: url("../images/play.png") no-repeat;}
.videos li .sp{height: 226px;position: relative;}
.videos li a p{text-align: center;color: #666;font-size: 16px;line-height:50px;height: 50px;overflow: hidden;margin-top: 10px;}
.videos li:hover .play{transform: rotate(180deg);transition: all 0.5s;}
.videos li:hover a p{color: #096cd2;font-weight: bold;}
.download{padding: 75px 0;}
.download li{transition: all 0.4s;margin-bottom: 30px;display: table;float: left;border: 1px solid #dfdfdf;padding:15px 35px;height:80px;background: url("../images/xiazai1.png") no-repeat 95% center;margin-right: 34px;width: 511px;}
.download li:nth-child(2n){margin-right: 0;}
.download li a{display: table-cell;vertical-align: middle;}
.download li a p{color: #666;font-size: 16px;line-height: 32px;display: inline-block;width:72%;overflow: hidden;}
.download li:hover a p{color: #fff;}
.download li:hover{background:#096cd2 url("../images/xiazai2.png") no-repeat 95% center;border: solid 1px #096cd2;transform: translateY(-5px);}
.contact{padding-top: 75px;}
.contact .left{color: #666;font-size: 14px;line-height: 28px;}
.contact h2{color: #333;font-size:24px;font-weight: bold;padding-bottom: 26px;padding-top: 15px;}
.contact .center{padding:50px 116px;margin: 0 100px;border-left: solid 2px #ededed;border-right: solid 2px #ededed;color: #096cd2;font-size: 34px;font-family: arial;}
.contact h3{display: inline-block;background: url("../images/ico1.jpg") no-repeat left center;padding-left: 60px;height: 48px;}
.contact .right img{width: 104px;height: 104px;}
.contact .right p{text-align: center;color: #666;font-size: 14px;line-height: 24px;}
.contact .right{padding-top: 10px;}
.contact .way{padding-bottom: 50px;}
.about1{padding: 70px 0;}
.about1 .left{width: 604px;color: #777;font-size: 15px;line-height: 30px;}
.about1 .right{width: 504px;margin-top: 6px;}
.about1 h3{color: #333;font-size:24px;}
.about1 h3 span{display: block;color: #999;font-size: 12px;padding-top:4px;font-family: arial;text-transform: uppercase;padding-bottom:14px;}
.about1 h3 em{display: block;width: 50px;height: 3px;background: #096cd2;margin-bottom: 24px;}
.about1 .right img{width: 504px;height: auto;}
.tit-name{text-align: center;}
.tit-name h4{color: #333;font-size: 30px;}
.tit-name p{color: #999;font-size: 14px;line-height: 24px;padding-top:4px;font-family: arial;text-transform: uppercase;}
.about2{padding: 70px 0;background:#f6f6f6 url("../images/bg2.jpg") no-repeat left bottom;}
.about3{padding: 70px 0;}
#home_slider4{ position: relative;background: none;margin-top: 42px;}
#home_slider4 li{width:100%;}
#home_slider4 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider4 .flex-direction-nav{display:none;}
#home_slider4 .flexslider{margin-top:1.55rem}
#home_slider4 li .box{width:100%;position: relative;}
#home_slider4 li .box img{width: 276px;height: 181px;}
#home_slider4 .flex-control-paging{display:block;text-align: center;padding-top: 20px;}
#home_slider4 .flex-control-paging li{margin:0 5px;padding:0px;overflow:hidden;display: inline-block;width: auto;}
#home_slider4 .flex-control-paging li a{width:12px;height:12px;display:block;border:1px solid #096cd2;cursor:pointer;text-align: center;text-indent: -9999px;margin: 0 auto;border-radius: 50%;}
#home_slider4 .flex-control-paging li a.flex-active{background:#096cd2;}
#home_slider4 li .box .zs{float: left;margin-right:32px;width: 276px;text-align: center;margin-bottom:20px}
#home_slider4 li .box .zs:nth-child(4n){margin-right: 0;}
#home_slider4 li .box a p{color: #777;font-size: 18px;margin-top: 15px;}
.groud-item{margin-top: 35px;}
.groud-item ul  {
    overflow: hidden;
    
}
.groud-item ul li  {
    position:relative;
    float:left;
    width:329px;
    transition: all 1s;
    height: 346px;
}

.groud-item ul li .photo .photo-box {
    position: relative;
    overflow: hidden;
}
.groud-item ul li .photo .photo-box img  {
    width:100%;
    height: 346px;
}

.groud-item ul li .photo .photo-box img.big {
    display:none;
}

.groud-item ul li .word h3  {
    font-size: 20px;
    color:#fff;
    transition: all 0.3s;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    
}
.groud-item ul li .word h4  {
    font-size: 16px;
    color:#fff;
    transition: all 0.3s;
    line-height: 30px;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    background: rgba(0,0,0,0.5);
    display: none;
    padding: 15px 2%;
}
.groud-item ul li .word h4 b{font-size: 20px;}
.groud-item ul li.open {
    width:542px;
}
.groud-item ul li.open .photo img.big  {
    display:block;
}
.groud-item ul li.open .photo img.small  {
    display:none;
}

.groud-item ul li.open .word h3  {
    display:none;
}
.groud-item ul li.open .word h4  {
    display:block;
}


.groud-item ul li .photo {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 346px;
    overflow: hidden;
}.inside_text05 .text05 iframe{display: block;margin: 0 auto;width: 700px;height: 400px;}